<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" >
<head>
    <th:block th:include="include :: header('设计变更单')" />
    <link th:href="@{/css/style1.css?v=20250815}" rel="stylesheet"/>
    <style type="text/css">
		body {
			overflow-x: auto;
		}
		@media print{
		   body {
		       height: auto !important;
		   }
		}
	</style>
</head>

<body>
	<!-- 打印网页时通过hidden-print隐藏元素 -->
	    <div class="text-right hidden-print">
	        <button class="btn btn-primary" onclick="printPage()"><i class="fa fa-print"></i> 打印</button>
	    </div>
    <h2 class="title">设计变更单</h2>

    <div class="licence-tableBox">
        <table class="licence-table" border="1" cellpadding="0" cellspacing="0">
        	<input type="hidden" id="leixing" name="leixing" th:value="${sjProjectChange.leixing}" />
            <tr>
                <td rowspan="3" colspan="4" class="text-left">
                    <div class="head-info">
                        <img th:src="@{/img/logo.png}" alt="">
                        <h3>广东建筑艺术设计院有限公司</h3>
                        <s class="subtitle">GUANGDONG ARCHITECTURALARTISTIC DESIGN INSTITUTE CO.LTD</s>
                        <p>■ 建筑行业（建筑工程）甲级 &nbsp;&nbsp;&nbsp;&nbsp;A144004519</p>
                        <p>■ 城乡规划编制乙级</p>
                        <p>■ 市政行业(道略工程、排水工程）专业乙级</p>
                        <p>■ 风景园林工程设计专项乙级</p>
                        <p>■ 城乡规划编制乙级</p>

                        <p>地址：广州市天河区黄埔大道中309号自编3-09A</p>
                        <p>电话: (020) 38031603 &nbsp;&nbsp;&nbsp;&nbsp;传真: (020) 38031690</p>
                    </div>
                </td>
                <td class="title" colspan="9">
                    <h3>施工图变更（修改）通知单</h3>
                    <p class="subTitle">NOTIFICATION OF DRAWINGS MODIFICATION</p>
                    <div class="right"><em>编号 No. ：</em><span th:text="${sjProjectChange.orderNo}"></span></div>
                </td>
            </tr>
            <tr>
                <td>建设单位 <br/> <s>CLIENT</s></td>
                <td class="text-left" colspan="4"><span th:text="${sjProjectChange.clientName}"></span></td>
                <td>项目名称 <br/> <s>PROJECT</s></td>
                <td class="text-left" colspan="3"><span th:text="${sjProjectChange.projectName}"></span></td>
            </tr>
            <tr>
                <td>主送 <br/> <s>SEND TO</s></td>
                <td class="text-left" colspan="4"><span th:text="${sjProjectChange.send}"></span></td>
                <td>抄送 <br/> <s>COPY TO</s></td>
                <td class="text-left" colspan="3"><span th:text="${sjProjectChange.csend}"></span></td>
            </tr>
            <tr>
                <td>相关图纸编号 <br/> <s>DRAWING NO.</s></td>
                <td class="text-left" colspan="8"><span th:text="${sjProjectChange.xgtzbh}"></span></td>
                <td>专业 <br/> <s>DISCIPLINE TO</s></td>
                <td class="text-left" colspan="3"><span th:text="${sjProjectChange.zy}"></span></td>
            </tr>
            <tr>
                <td>修改依据 <br/> <s>BASIS</s></td>
                <td class="text-left" colspan="12"><span th:text="${sjProjectChange.xgyj}"></span></td>
            </tr>
            <tr>
                <td>修改类型 </td>
                <td class="text-left" colspan="12">
        			<label for="type1_1">
                    	<input type="checkbox" disabled="disabled" name="type1" id="leixing_1">重大设计变更
                    </label>
                    <label for="type1_2">
                    	<input type="checkbox" disabled="disabled" name="type1" id="leixing_2">一般设计变更
                    </label>   
                   	<label for="type1_3">
                    	<input type="checkbox" disabled="disabled" name="type1" id="leixing_3">涉及节能
                    </label>    
                </td>
            </tr>
            <tr>
                <td class="content text-left" colspan="13">
                    变更内容 <s>MODIFIED CONTENTS</s>
                    
                    <div style="height: 500px;margin-top:15px"><div th:utext="${sjProjectChange.descs}"></div></div>
                </td>
            </tr>
            <tr>
                <td width="5%">设 计 <br/> <s>DESIGNED BY</s></td>
                <td class="text-left" width="8%"><span th:text="${sjProjectChange.sjfzr}"></span></td>
                <td class="text-left" width="10%" colspan="2"><span ></span></td>
                <td width="5%">专业负责 <br/> <s>SPECIALTY CHIEF</s></td>
                <td class="text-left"  width="8%"><span th:text="${sjProjectChange.zyfzr}"></span></td>
                <td class="text-left" colspan="4"><span ></span></td>
                <td width="5%">审 核 <br/> <s>EXAMINED BY</s></td>
                <td class="text-left"  width="8%"><span th:text="${sjProjectChange.spr}"></span></td>
                <td class="text-left"><span ></span></td>
            </tr>
            <tr>
                <td >校 对 <br/> <s>CHECKED BY</s></td>
                <td class="text-left"><span th:text="${sjProjectChange.jdfzr}"></span></td>
                <td class="text-left" colspan="2"><span ></span></td>
                <td >项目负责 <br/>  <s>PROJECT CHIEF</s></td>
                <td class="text-left"><span th:text="${sjProjectChange.xmfzr}"></span></td>
                <td class="text-left" colspan="4"><span ></span></td>
                <td >审 定 <br/>  <s>APPROVED BY</s></td>
                <td class="text-left"><span th:text="${sjProjectChange.sdfzr}"></span></td>
                <td class="text-left"><span ></span></td>
            </tr>
            <tr>
                <td colspan="6">
                    注：本通知单与图纸同样有效<br/>
                    <s>NOTE:THENOTIFICATION IS EQUALLY EFFECTIVE WITH THE DRAWINGS.</s>
                </td>
                <td>日期 <br/> <s>DATE</s></td> <td class="text-left" colspan="4"><span th:text="${#dates.format(sjProjectChange.qfAt, 'yyyy-MM-dd')}"></span></td>
                <td colspan="2">第 &nbsp;&nbsp;&nbsp;张，共&nbsp;&nbsp;&nbsp;张</td>
            </tr>
        </table>
    </div>
    <div class="tips">
    </div>
    
	<th:block th:include="include :: footer" />
    <script type="text/javascript">
        function printPage() {
            window.print();
        }
        
        $(function() {
        	//checkBox 选中
        	var check = $("#leixing").val();
        	var data = check.split(",");
			for(var i=0;i<data.length;i++){
				$("#leixing_"+data[i]).attr("checked","true");
        	}
        	//checkBox 选中
        });
    </script>
</body>

</html>